// Import our custom CSS
import '../scss/styles.scss'

// Import all of Bootstrap's JS
import * as bootstrap from 'bootstrap'

/**
*调用该函数返回一段html代码
*/
function teacherLeftMenu() {
    return`<div class="col-md-2 leftmenu">
    <div class="row mt-4">
        <img style="width: 6rem;height: 6rem;"class="img-thumbnail mx-auto d-block rounded-circle" src="" alt="头像">
    </div>
    <div class="row">
        <h3 class="text-center"></h3>
    </div>
    <div class="mt-3 d-flex justify-content-around"> 
        <a href="#" class="btn btn-outline-primary rounded-pill btn-sm">账号管理</a>
        <a href="#" class="btn btn-outline-warning rounded-pill btn-sm">输入邀请码</a>
    </div>
    <!--菜单导航-->
    <ul class="list-group mt-3"></ul>
    <li class="list-group-item border border-0">
        <a class="link-secondary" href="#">
            <i class="bi bi-mortarboard-fill"></i>
            学期教学
        </a>
    </li>
    <li class="list-group-item border border-0">
        <a class="link-secondary" href="#">
            <i class="bi bi-mortarboard-fill"></i>
            课程
        </a>
    </li>
    <li class="list-group-item border border-0">
        <a class="link-secondary" href="#">
            <i class="bi bi-mortarboard-fill"></i>
            教学
        </a>
    </li>
    <li class="list-group-item border border-0">
        <a class=“link-secondary” href="#">
            <i class="bi bi-envelope-paper-fill"></i>
            收件箱
        </a>
    </li>
    <li class="list-group-item border border-0">
        <a class="link-secondary" href="#">
            <i class="bi bi-people"></i>
            小组
        </a>
    </li>
    <li class="list-group-item border border-0">
        <a class="link-secondary" href="#">
            <i class="bi bi-chat-dots"></i>
            消息
        </a>
    </li>
    <li class="list-group-item border border-0">
        <a class="link-secondary" href="#">
            <i class="bi bi-mortarboard-fill"></i>
            下载中心
        </a>
    </li>
    </ul>
    </div>`;
}